// pages/user/user.js

import WxValidate from "../../utils/WxValidate";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    statusBarHeight:wx.getSystemInfoSync().statusBarHeight + "px",
    topH : wx.getMenuButtonBoundingClientRect().height + wx.getMenuButtonBoundingClientRect().top + "px"  ,
    isLogin:false,
  },

  formSubmit(e){
    let params = e.detail.value;
    if (!this.WxValidate.checkForm(params)) {
     //表单元素验证不通过，此处给出相应提示
       let error = this.WxValidate;
       console.log(error);
       wx.showToast({
        title:error.errorList[0].msg,
        icon:"none"
       })
     }else{
      console.log(params);
      this.setData({
        isLogin:true
      })
      wx.setStorageSync('key',params.username)
     }
 
    },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      this.initValidate();
      
  },
  initValidate(){
    // 校验规则
    let rules = {
      username:{
        required:true,
        tel:true
      },
      password:{
        required:true,
        maxlength: 12,
        minlength:6
      }
    }
    //校验规则失败的提示文字
    let message = {
      username:{
        required:'请输入电话号码'
      },
      password:{
        required:'请输入密码'
      }
    }
    //实例化当前的验证规则和提示消息
    this.WxValidate = new WxValidate(rules,message);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    if(wx.getStorageSync('key')){
      this.setData({
        isLogin:true
      })
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})